<style>
</style>
<template>
    <ly-page>
        <ly-navi title="数据文本"></ly-navi>
        <ly-page-content>
            <el-divider content-position="left">完整模式</el-divider>
            <el-row :gutter="20">
                <el-col :span="6" :xs="12">
                    <ly-number-info title="今日成交金额" history-title="昨日全天" :current="10023" :history="923" :trend="true"
                                    :auto="true" prefix="¥"></ly-number-info>

                </el-col>
                <el-col :span="6" :xs="12">
                    <ly-number-info title="今日成交金额" history-title="昨日全天" :current="10023" :history="923" :trend="true"
                                    prefix="¥"></ly-number-info>
                </el-col>
                <el-col :span="6" :xs="12">
                    <ly-number-info title="今日成交金额" history-title="昨日全天" :current="10023" :history="923" :trend="true"
                                    prefix="¥"></ly-number-info>
                </el-col>
                <el-col :span="6" :xs="12">
                    <ly-number-info title="今日成交金额" history-title="昨日全天" :current="10023" :history="923" :trend="true"
                                    prefix="¥"></ly-number-info>
                </el-col>
            </el-row>
            <ly-code-view>
                <pre v-pre>
<el-row :gutter="20">
    <el-col :span="6" :xs="12">
        <ly-number-info title="今日成交金额" history-title="昨日全天" :current="10023" :history="923" :trend="true"
                        :auto="true" prefix="¥"></ly-number-info>

    </el-col>
    <el-col :span="6" :xs="12">
        <ly-number-info title="今日成交金额" history-title="昨日全天" :current="10023" :history="923" :trend="true"
                        prefix="¥"></ly-number-info>
    </el-col>
    <el-col :span="6" :xs="12">
        <ly-number-info title="今日成交金额" history-title="昨日全天" :current="10023" :history="923" :trend="true"
                        prefix="¥"></ly-number-info>
    </el-col>
    <el-col :span="6" :xs="12">
        <ly-number-info title="今日成交金额" history-title="昨日全天" :current="10023" :history="923" :trend="true"
                        prefix="¥"></ly-number-info>
    </el-col>
</el-row>
                </pre>
            </ly-code-view>


            <el-divider content-position="left">精简模式</el-divider>
            <el-row :gutter="20" style="padding-top: 20px;background: #F9FAFC;">
                <el-col :span="6" :xs="12">
                    <ly-number-info title="今日成交金额" :current="10023" :history="923" :trend="true"
                                    :auto="true" prefix="¥"></ly-number-info>

                </el-col>
                <el-col :span="6" :xs="12">
                    <ly-number-info title="今日成交金额" :current="10023" :history="923" :trend="true"
                                    :auto="true" prefix="¥"></ly-number-info>
                </el-col>
                <el-col :span="6" :xs="12">
                    <ly-number-info title="今日成交金额" :current="10023" :history="923" :trend="true"
                                    :auto="true" prefix="¥"></ly-number-info>
                </el-col>
                <el-col :span="6" :xs="12">
                    <ly-number-info title="今日成交金额" :current="10023" :history="923" :trend="true"
                                    :auto="true" prefix="¥"></ly-number-info>
                </el-col>
            </el-row>
            <ly-code-view>
                <pre v-pre>
<el-row :gutter="20" style="padding-top: 20px;background: #F9FAFC;">
    <el-col :span="6" :xs="12">
        <ly-number-info title="今日成交金额" :current="10023" :history="923" :trend="true"
                        :auto="true" prefix="¥"></ly-number-info>
    </el-col>
    <el-col :span="6" :xs="12">
        <ly-number-info title="今日成交金额" :current="10023" :history="923" :trend="true"
                        :auto="true" prefix="¥"></ly-number-info>
    </el-col>
    <el-col :span="6" :xs="12">
        <ly-number-info title="今日成交金额" :current="10023" :history="923" :trend="true"
                        :auto="true" prefix="¥"></ly-number-info>
    </el-col>
    <el-col :span="6" :xs="12">
        <ly-number-info title="今日成交金额" :current="10023" :history="923" :trend="true"
                        :auto="true" prefix="¥"></ly-number-info>
    </el-col>
</el-row>
                    </pre>
            </ly-code-view>
            <ly-markdown>
              <pre v-pre>
## `ly-number-info`

#### Attributes

| 属性名  |说明   | 类型|可选值|默认值|
| ------------ | ------------ |------------ |------------ |------------ |
|  title | 标题	  |string|- |—	|-|
|  history-title | 历史数据标题	  |string |-	|-|
|  current | 当前数据值	 |int |-	|-	|
|  history | 历史数据值	  |int |—	|-	|
|  auto | 自动动画	  |boolean |-	|-|
|  trend | 显示趋势	 |boolean |-	|-	|
|  prefix | 前缀	  |string |—	|-	|


                  </pre>
            </ly-markdown>
        </ly-page-content>

    </ly-page>
</template>
<script>
    Rap.define("", [], function () {
        return {
            data: function () {
                return {
                    count: 1235

                }
            },
            methods: {}
        }
    })
</script>